<template>
  <div class="wrapbox">
    <dv-loading v-if="loading"> ID茉莉转圈圈 ...</dv-loading>
    <div v-else>
      <!-- 顶部 -->
      <div class="wraptop">
        <div class="wraptop-left">
          <dv-decoration-10 style="width: 100%; height: 5px" />
        </div>
        <div class="wraptop-content">
          <dv-decoration-8 style="width: 30%; height: 30px" />
            <div>
              <p>大型数据可视化</p>
              <dv-decoration-6 style="width:40%;height:10px;" />
            </div>
          <dv-decoration-8 :reverse="true" style="width: 30%; height: 30px" />
        </div>
        <div class="wraptop-right">
          <dv-decoration-10 :reverse="true" style="width: 100%; height: 5px" />
        </div>
      </div>


      <!-- 第二层 -->
      <div class="twowrap">
        
      </div>
    </div>
  </div>
</template>
<script>
import twoleft1 from "./twoleft1.vue"
export default {
  data() {
    
    return {
      loading: false,
    };
  },
  methods: {
    clearLoading() {
      setTimeout(() => {
        this.loading = false;
      }, 500);
    },
  },
  mounted() {
    this.clearLoading();
  },
};
</script>



<style lang="scss" scoped>
@import "@/assets/dataV.scss";
</style>